<ul class="nav nav-tabs" id="tab_do">
    <li class="active"><a href="#tabs-1">创建类</a></li>
    <li><a href="#tabs-2">创建关系</a></li>
</ul>
<div class="tab-content">

    <div class="tab-pane active" id="tabs-1">
        <form class="form-horizontal" method="#">
            <fieldset>
                <div class="control-group">
                    <label class="control-label-diy">原始类名</label>
                    <div class="controls-span1">
                        <p>原始类名称</p>
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label-diy " for="classname">新建类名</label>
                    <div class="controls-span1">
                        <input class="span1" type="text" id="classname" name="classname">
                    </div>
                </div>
                <div class="btn-group pull-right">
                    <button class="btn btn-primary">类保存</button>
                    <button class="btn ">类删除</button>
                </div>
                <br>
                <hr />
                <div class="control-group">
                    <label class="control-label-diy">属性原名</label>
                    <div class="controls-span1">
                        <p>属性原来名称</p>
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label-diy " for="attribute">属性新名</label>
                    <div class="controls-span1">
                        <input class="span1" type="text" id="attribute" name="attribute">
                    </div>
                </div>
                <div class="btn-group pull-right">
                    <button class="btn btn-primary">修改</button>
                    <button class="btn ">删除</button>
                </div>
                <div/>
                <br>
                <hr/>
                <div>
                    <button class="btn btn-primary ">添加属性</button>
                </div>
            </fieldset>
        </form>
    </div>
    <div class="tab-pane" id="tabs-2">
        <form class="form-horizontal" method="#">
            <fieldset>
                <div class="control-group">
                    <label class="control-label-diy " for="class1">类1</label>
                    <div class="controls-span1">
                        <select class="span1">
                            <option>1</option>
                            <option>2</option>
                            <option>3</option>
                            <option>4</option>
                            <option>5</option>
                        </select>
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label-diy " for="class2">类2</label>
                    <div class="controls-span1">
                        <select class="span1">
                            <option>1</option>
                            <option>2</option>
                            <option>3</option>
                            <option>4</option>
                            <option>5</option>
                        </select>
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label-diy " for="type">连接方式</label>
                    <div class="controls-span1">
                        <select class="span1">
                            <option>1</option>
                            <option>2</option>
                            <option>3</option>
                            <option>4</option>
                            <option>5</option>
                        </select>
                    </div>
                </div>
                <hr />
                    <p>Blabla一些由relation的不同导致的属性属性</p>
                <div class="btn-group pull-right">
                    <button class="btn btn-primary">完成</button>
                    <button class="btn ">删除</button>
                </div>
            </fieldset>
        </form>
    </div>
</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
    $(function () {
        $("#tab_do a").click(function (e) {
            $(this).tab('show');
        });
    });
</script>